<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	template="../resources/template/template_newsletter.xhtml">

	<ui:define name="title">Newsletter</ui:define>

	<ui:define name="conteudo">

		<p:outputPanel layout="block"
			rendered="#{usuarioMB.permissaoAdministrador()}">
			<div id='tudo' style='width: 700px;'>

				<div id='cabecalho' style='width: 100%;'>


					<label class="apresentacao"
						style="color: #000033; display: block; font-size: 18px; font-weight: bold; margin-left: 75px; margin-top: 5px;">Separamos
						para você alguns produtos com preços especiais.</label> <a
						href="/index.jsf" class="logo"
						style="display: inline-block; margin-top: 10px; text-decoration: none;">
						<h:graphicImage library="assets/img" styleClass="img_logo"
							style="width: 260px;" name="logo_vs2.png" />
					</a>


				</div>



				<div id='corpo'
					style='padding-bottom: 5px; width: 100%; display: block; background-color: #000033;'>


					<ui:repeat var="produto" value="#{newsMB.produtosGerar}">

						<div class="produto"
							style='float: left; background-color: #FFFFFF; margin: 5px 0 0 5px; padding: 5px; width: 47.4% !important; height: 390px;'>



							<div class="produto-imagem"
								style="padding: 10px 0; text-align: center;">
								<img alt=""
									src="/temp/#{produtoMB.fotoProduto(produto).descricao}.jpg"
									style="width: 200px;" />
							</div>


							<div class="produto-nome"
								style="color: #000033; font-size: 18px; font-weight: bold;">
								<h:outputText value="#{produto.nome}" />
							</div>


							<div class="produto-valor">

								<h:outputText rendered="#{produto.percentual_desconto>0}"
									value="DE " styleClass="produto-valor-de"
									style="font-weight: bold;text-decoration: line-through;" />
								<h:outputText rendered="#{produto.percentual_desconto>0}"
									styleClass="produto-valor-de" value="#{produto.preco_venda}"
									style="font-weight: bold;text-decoration: line-through;">
									<f:convertNumber type="currency" />
								</h:outputText>

								<h:outputText rendered="#{produto.percentual_desconto>0}"
									value=" POR " styleClass="produto-valor-por"
									style="	color: #FF0000;font-size: 20px;font-weight: bold;" />
								<h:outputText value="#{produto.preco_venda_desconto}"
									styleClass="produto-valor-por"
									style="	color: #FF0000;font-size: 20px;font-weight: bold;">
									<f:convertNumber type="currency" />
								</h:outputText>

							</div>


							<div class="produto-parcelas" style="color: #000033;">
								<h:outputText value="Em até #{produto.numero_parcelas}x de "></h:outputText>
								<h:outputText
									value="#{produto.preco_venda_desconto/produto.numero_parcelas}">
									<f:convertNumber type="currency" />
								</h:outputText>
								<h:outputText value=" sem juros."></h:outputText>
							</div>

							<a
								href="http://virtual.servidor/exibir/produtodetalhes.jsf?p=#{produto.id}"
								class="produto-comprar"
								style="background-color: #000033; border: 1px solid #000000; color: #FFFFFF; display: inline-block; font-weight: bold; margin-top: 5px !important; padding: 5px; text-decoration: none; width: auto; float: right;">COMPRAR</a>


						</div>


					</ui:repeat>


					<div style="clear: both" />
				</div>

			</div>

			<h:form prependId="false">
				<p:commandLink value="ENVIAR"
					style="background-color: #000033; border: 1px solid #000000; color: #FFFFFF; display: inline-block; font-weight: bold; margin-top: 5px !important; padding: 5px; text-decoration: none; width: auto; "
					action="#{newsMB.enviar()}" oncomplete="msgSucesso.show();" />


				<p:confirmDialog message="Newsletter enviado com sucesso."
					header="Concluído!!" widgetVar="msgSucesso">

					<p:commandButton onclick="msgSucesso.hide()" value="OK"
						action="/newsletter/news.jsf?faces-redirect=true" />

				</p:confirmDialog>

			</h:form>

		</p:outputPanel>

	</ui:define>


</ui:composition>